/**

 @Name：layim mobile 2.5.0
 @License：LGPL
    
 */

layui.define(['laytpl', 'upload', 'layer-mobile', 'zepto'], function (exports) {

    var v = '2.5.0';
    var $ = layui.zepto;
    var laytpl = layui.laytpl;
    var layer = layui['layer-mobile'];
    var device = layui.device();
    var SHOW = 'layui-show',
        THIS = 'layim-this',
        MAX_ITEM = 10;

    //回调
    var call = {};
    //msg这玩意儿居然没有
    layer.msg = layui.layer.msg;

    //对外API
    var LAYIM = function () {
        this.v = v;
        touch($('body'), '*[layim-event]', function (e) {
            var othis = $(this),
                methid = othis.attr('layim-event');
            events[methid] ? events[methid].call(this, othis, e) : '';
        });
    };

    //避免tochmove触发touchend
    var touch = function (obj, child, fn) {
        var move, type = typeof child === 'function',
            end = function (e) {
                var othis = $(this);
                if (othis.data('lock')) {
                    return;
                }
                move || fn.call(this, e);
                move = false;
                othis.data('lock', 'true');
                setTimeout(function () {
                    othis.removeAttr('data-lock');
                }, othis.data('locktime') || 0);
            };

        if (type) {
            fn = child;
        }

        obj = typeof obj === 'string' ? $(obj) : obj;

        if (!isTouch) {
            if (type) {
                obj.on('click', end);
            } else {
                obj.on('click', child, end);
            }
            return;
        }

        if (type) {
            obj.on('touchmove', function () {
                move = true;
            }).on('touchend', end);
        } else {
            obj.on('touchmove', child, function () {
                move = true;
            }).on('touchend', child, end);
        }
    };

    //是否支持Touch
    var isTouch = /Android|iPhone|SymbianOS|Windows Phone|iPad|iPod/.test(navigator.userAgent);

    //底部弹出
    layer.popBottom = function (options) {
        layer.close(layer.popBottom.index);
        layer.popBottom.index = layer.open($.extend({
            type: 1,
            content: options.content || '',
            shade: false,
            className: 'layim-layer'
        }, options));
    };

    //基础配置
    LAYIM.prototype.config = function (options) {
        options = options || {};
        options = $.extend({
            title: '我的IM',
            isgroup: 0,
            isNewFriend: !0,
            voice: 'default.mp3',
            chatTitleColor: '#36373C'
        }, options);
        if (options.init.url) {
            $.getJSON(options.init.url, options.init.data || {}, (res) => {
                options.init = res;
                init(options);
            })
        } else {
            init(options);
        }
    };

    //监听事件
    LAYIM.prototype.on = function (events, callback) {
        if (typeof callback === 'function') {
            call[events] ? call[events].push(callback) : call[events] = [callback];
        }
        return this;
    };

    //打开一个自定义的会话界面
    LAYIM.prototype.chat = function (data) {
        if (!window.JSON || !window.JSON.parse) return;
        return popchat(data, -1), this;
    };

    //打开一个自定义面板
    LAYIM.prototype.panel = function (options) {
        return popPanel(options);
    };

    //获取所有缓存数据
    LAYIM.prototype.cache = function () {
        return cache;
    };

    //接受消息
    LAYIM.prototype.getMessage = function (data) {
        return getMessage(data), this;
    };

    //添加好友/群
    LAYIM.prototype.addList = function (data) {
        return addList(data), this;
    };

    //删除好友/群
    LAYIM.prototype.removeList = function (data) {
        return removeList(data), this;
    };

    //设置好友在线/离线状态
    LAYIM.prototype.setFriendStatus = function (id, type) {
        var list = $('.layim-friend' + id);
        list[type === 'online' ? 'removeClass' : 'addClass']('layim-list-gray');
    };

    //设置当前会话状态
    LAYIM.prototype.setChatStatus = function (str) {
        var thatChat = thisChat(),
            status = thatChat.elem.find('.layim-chat-status');
        return status.html(str), this;
    };

    //标记新动态
    LAYIM.prototype.showNew = function (alias, show) {
        showNew(alias, show);
    };

    //解析聊天内容
    LAYIM.prototype.content = function (content) {
        return layui.data.content(content);
    };

    //列表内容模板
    var listTpl = function (options) {
        var nodata = {
            friend: "该分组下暂无好友",
            group: "暂无群组",
            history: "暂无任何消息"
        };

        options = options || {};

        //如果是历史记录，则读取排序好的数据
        if (options.type === 'history') {
            options.item = options.item || 'd.sortHistory';
        }

        return ['{{# var length = 0; layui.each(' + options.item + ', function(i, data){ length++; }}', '<li layim-event="chat" data-type="' + options.type + '" data-index="' + (options.index ? '{{' + options.index + '}}' : (options.type === 'history' ? '{{data.type}}' : options.type) + '{{data.id}}') + '" class="layim-' + (options.type === 'history' ? '{{data.type}}' : options.type) + '{{data.id}} {{ data.status === "offline" ? "layim-list-gray" : "" }}"><div><img src="{{data.avatar}}"></div><span>{{ data.username||data.groupname||data.name||"佚名" }}</span><p>{{ data.remark||data.sign||"" }}</p><span class="layim-msg-status">new</span></li>', '{{# }); if(length === 0){ }}', '<li class="layim-null">' + (nodata[options.type] || "暂无数据") + '</li>', '{{# } }}'].join('');
    };

    //公共面板
    var comTpl = function (tpl, anim, back) {
        return ['<div class="layim-panel' + (anim ? ' layui-m-anim-left' : '') + '">', '<div class="layim-title" style="background-color: {{d.base.chatTitleColor}};">', '<p>', (back ? '<i class="layui-icon layim-chat-back" layim-event="back">&#xe603;</i>' : ''), '{{ d.title || d.base.title }}<span class="layim-chat-status"></span>', '{{# if(d.data){ }}', '{{# if(d.data.type === "group"){ }}', '<i class="layui-icon layim-chat-detail" layim-event="detail">&#xe613;</i>', '{{# } }}', '{{# } }}', '</p>', '</div>', '<div class="layui-unselect layim-content">', tpl, '</div>', '</div>'].join('');
    };

    //主界面模版
    var elemTpl = ['<div class="layui-layim">',
        '<div class="layim-tab-content layui-show">',
        '<ul class="layim-list-friend">',
        '<ul class="layui-layim-list layui-show layim-list-history">',
        listTpl({ type: "history" }),
        "</ul>",
        "</ul>",
        "</div>",
        '<div class="layim-tab-content">',
        '<ul class="layim-list-top">',
        "{{# if(d.base.isNewFriend){ }}",
        '<li layim-event="newFriend"><i class="layui-icon">&#xe654;</i>新的朋友<i class="layim-new" id="LAY_layimNewFriend"></i></li>',
        "{{# } if(d.base.isgroup){ }}",
        '<li layim-event="group"><i class="layui-icon">&#xe613;</i>群聊<i class="layim-new" id="LAY_layimNewGroup"></i></li>',
        "{{# } }}",
        "</ul>",
        // '<ul class="layim-list-friend">',
        // '{{# layui.each(d.friend, function(index, item){ var spread = d.local["spread"+index]; }}',
        // "<li>",
        // '<h5 layim-event="spread" lay-type="{{ spread }}"><i class="layui-icon">{{# if(spread === "true"){ }}&#xe61a;{{# } else {  }}&#xe602;{{# } }}</i><span>{{ item.groupname||"未命名分组"+index }}</span><em>(<cite class="layim-count"> {{ (item.list||[]).length }}</cite>)</em></h5>',
        // '<ul class="layui-layim-list {{# if(spread === "true"){ }}',
        // " layui-show",
        // '{{# } }}">',
        // y({ type: "friend", item: "item.list", index: "index" }),
        // "</ul>",
        // "</li>",
        // "{{# }); if(d.friend.length === 0){ }}",
        // '<li><ul class="layui-layim-list layui-show"><li class="layim-null">暂无联系人</li></ul>',
        // "{{# } }}",
        // "</ul>",
        "</div>",
        '<div class="layim-tab-content">',
        '<ul class="layim-list-top">',
        "{{# layui.each(d.base.moreList, function(index, item){ }}",
        '<li layim-event="moreList" lay-filter="{{ item.alias }}">',
        '<i class="layui-icon {{item.iconClass||""}}">{{item.iconUnicode||""}}</i>{{item.title}}<i class="layim-new" id="LAY_layimNew{{ item.alias }}"></i>',
        "</li>",
        "{{# }); if(!d.base.copyright){ }}",
        '<li layim-event="about"><i class="layui-icon">&#xe60b;</i>关于<i class="layim-new" id="LAY_layimNewAbout"></i></li>',
        "{{# } }}",
        "</ul>",
        "</div>",
        "</div>",
        '<ul class="layui-unselect layui-layim-tab">',
        '<li title="消息" layim-event="tab" lay-type="message" class="layim-this"><i class="layui-icon">&#xe611;</i><span>消息</span><i class="layim-new" id="LAY_layimNewMsg"></i></li>',
        '<li title="联系人" layim-event="tab" lay-type="friend"><i class="layui-icon">&#xe612;</i><span>联系人</span><i class="layim-new" id="LAY_layimNewList"></i></li>',
        // '<li title="更多" layim-event="tab" lay-type="more"><i class="layui-icon">&#xe670;</i><span>更多</span><i class="layim-new" id="LAY_layimNewMore"></i></li>',
        "</ul>"
    ].join("");

    //聊天主模板
    var elemChatTpl = ['<div class="layim-chat layim-chat-{{d.data.type}}">', '<div class="layim-chat-main">', '<ul></ul>', '</div>', '<div class="layim-chat-footer">', '<div class="layim-chat-send"><input type="text" autocomplete="off"><button class="layim-send layui-disabled" layim-event="send">发送</button></div>', '<div class="layim-chat-tool" data-json="{{encodeURIComponent(JSON.stringify(d.data))}}">', '<span class="layui-icon layim-tool-face" title="选择表情" layim-event="face">&#xe60c;</span>', '{{# if(d.base && d.base.uploadImage){ }}', '<span class="layui-icon layim-tool-image" title="上传图片" layim-event="image">&#xe60d;<input type="file" name="file" accept="image/*"></span>', '{{# }; }}', '{{# if(d.base && d.base.uploadFile){ }}', '<span class="layui-icon layim-tool-image" title="发送文件" layim-event="image" data-type="file">&#xe61d;<input type="file" name="file"></span>', '{{# }; }}', '{{# layui.each(d.base.tool, function(index, item){ }}', '<span class="layui-icon  {{item.iconClass||\"\"}} layim-tool-{{item.alias}}" title="{{item.title}}" layim-event="extend" lay-filter="{{ item.alias }}">{{item.iconUnicode||""}}</span>', '{{# }); }}', '</div>', '</div>', '</div>'].join('');

    //补齐数位
    var digit = function (num) {
        return num < 10 ? '0' + (num | 0) : num;
    };

    //转换时间
    layui.data.date = function (timestamp) {
        var d = new Date(timestamp || new Date());
        return digit(d.getMonth() + 1) + '-' + digit(d.getDate()) +
            ' ' + digit(d.getHours()) + ':' + digit(d.getMinutes());
    };

    //转换内容
    layui.data.content = function (content) {
        //支持的html标签
        var html = function (end) {
            return new RegExp('\\n*\\[' + (end || '') + '(pre|div|p|table|thead|th|tbody|tr|td|ul|li|ol|li|dl|dt|dd|h2|h3|h4|h5)([\\s\\S]*?)\\]\\n*', 'g');
        };
        content = (content || '').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&amp;')
            .replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/'/g, '&#39;').replace(/"/g, '&quot;') //XSS
            .replace(/@(\S+)(\s+?|$)/g, '@<a href="javascript:;">$1</a>$2') //转义@

            .replace(/face\[([^\s\[\]]+?)\]/g, function (face) { //转义表情
                var alt = face.replace(/^face/g, '');
                return '<img alt="' + alt + '" title="' + alt + '" src="' + faces[alt] + '">';
            })
            .replace(/img\[([^\s]+?)\]/g, function (img) { //转义图片
                return '<img class="layui-layim-photos" src="' + img.replace(/(^img\[)|(\]$)/g, '') + '">';
            })
            .replace(/file\([\s\S]+?\)\[[\s\S]*?\]/g, function (str) { //转义文件
                var href = (str.match(/file\(([\s\S]+?)\)\[/) || [])[1];
                var text = (str.match(/\)\[([\s\S]*?)\]/) || [])[1];
                if (!href) return str;
                return '<a class="layui-layim-file" href="' + href + '" download target="_blank"><i class="layui-icon">&#xe61e;</i><cite>' + (text || href) + '</cite></a>';
            })
            .replace(/audio\[([^\s]+?)\]/g, function (audio) { //转义音频
                return '<div class="layui-unselect layui-layim-audio" layim-event="playAudio" data-src="' + audio.replace(/(^audio\[)|(\]$)/g, '') + '"><i class="layui-icon">&#xe652;</i><p>音频消息</p></div>';
            })
            .replace(/video\[([^\s]+?)\]/g, function (video) { //转义音频
                return '<div class="layui-unselect layui-layim-video" layim-event="playVideo" data-src="' + video.replace(/(^video\[)|(\]$)/g, '') + '"><i class="layui-icon">&#xe652;</i></div>';
            })

            .replace(/a\([\s\S]+?\)\[[\s\S]*?\]/g, function (str) { //转义链接
                var href = (str.match(/a\(([\s\S]+?)\)\[/) || [])[1];
                var text = (str.match(/\)\[([\s\S]*?)\]/) || [])[1];
                if (!href) return str;
                return '<a href="' + href + '" target="_blank">' + (text || href) + '</a>';
            }).replace(html(), '\<$1 $2\>').replace(html('/'), '\</$1\>') //转移HTML代码
            .replace(/\n/g, '<br>') //转义换行 
        return content;
    };

    var elemChatMain = ['<li class="layim-chat-li{{ d.mine ? " layim-chat-mine" : "" }}">', '<div class="layim-chat-user"><img src="{{ d.avatar }}" alt="{{ d.uid || d.id }}"><cite>', '{{ d.username||"佚名" }}', '</cite></div>', '<div class="layim-chat-text">{{ layui.data.content(d.content||"&nbsp;") }}</div>', '</li>'].join('');

    //处理初始化信息
    var cache = { message: {}, chat: [] },
        init = function (options) {
            var init = options.init || {}
            mine = init.mine || {}, local = layui.data('layim-mobile')[mine.id] || {}, obj = {
                base: options,
                local: local,
                mine: mine,
                history: local.history || []
            }, create = function (data) {
                var mine = data.mine || {};
                var local = layui.data('layim-mobile')[mine.id] || {},
                    obj = {
                        base: options //基础配置信息
                        ,
                        local: local //本地数据
                        ,
                        mine: mine //我的用户信息
                        ,
                        friend: data.friend || [] //联系人信息
                        ,
                        group: data.group || [] //群组信息
                        ,
                        history: local.history || [] //历史会话信息
                    };
                obj.sortHistory = sort(obj.history, 'historyTime');
                cache = $.extend(cache, obj);
                popim(laytpl(comTpl(elemTpl)).render(obj));
                layui.each(call.ready, function (index, item) {
                    item && item(obj);
                });
            };
            cache = $.extend(cache, obj);
            if (options.brief) {
                return layui.each(call.ready, function (index, item) {
                    item && item(obj);
                });
            };
            create(init)
        };

    //显示好友列表面板
    var layimMain, popim = function (content) {
        return layer.open({
            type: 1,
            shade: false,
            shadeClose: false,
            anim: -1,
            content: content,
            success: function (elem) {
                layimMain = $(elem);
                fixIosScroll(layimMain.find('.layui-layim'));
                if (cache.base.tabIndex) {
                    events.tab($('.layui-layim-tab>li').eq(cache.base.tabIndex));
                }
            }
        });
    };

    //弹出公共面板
    var popPanel = function (options, anim) {
        options = options || {};
        var data = $.extend({}, cache, {
            title: options.title || '',
            data: options.data
        });
        return layer.open({
            type: 1,
            shade: false,
            shadeClose: false,
            anim: -1,
            content: laytpl(comTpl(options.tpl, anim === -1 ? false : true, true)).render(data),
            success: function (elem) {
                var othis = $(elem);
                othis.prev().find('.layim-panel').addClass('layui-m-anim-lout');
                options.success && options.success(elem);
                options.isChat || fixIosScroll(othis.find('.layim-content'));
            },
            end: options.end
        });
    }

    //显示聊天面板
    var layimChat, layimMin, To = {},
        popchat = function (data, anim, back) {
            data = data || {};

            if (!data.id) {
                return layer.msg('非法用户');
            }

            layer.close(popchat.index);

            return popchat.index = popPanel({
                tpl: elemChatTpl,
                data: data,
                title: data.name,
                isChat: !0,
                success: function (elem) {
                    layimChat = $(elem);

                    hotkeySend();
                    viewChatlog();

                    delete cache.message[data.type + data.id]; //剔除缓存消息
                    showNew('Msg');

                    //聊天窗口的切换监听
                    var thatChat = thisChat(),
                        chatMain = thatChat.elem.find('.layim-chat-main');
                    layui.each(call.chatChange, function (index, item) {
                        item && item(thatChat);
                    });

                    fixIosScroll(chatMain);

                    //输入框获取焦点
                    thatChat.textarea.on('focus', function () {
                        setTimeout(function () {
                            chatMain.scrollTop(chatMain[0].scrollHeight + 1000);
                        }, 500);
                    });
                },
                end: function () {
                    layimChat = null;
                    sendMessage.time = 0;
                }
            }, anim);

        };

    //修复IOS设备在边界引发无法滚动的问题
    var fixIosScroll = function (othis) {
        if (device.ios) {
            othis.on('touchmove', function (e) {
                var top = othis.scrollTop();
                if (top <= 0) {
                    othis.scrollTop(1);
                    e.preventDefault(e);
                }
                if (this.scrollHeight - top - othis.height() <= 0) {
                    othis.scrollTop(othis.scrollTop() - 1);
                    e.preventDefault(e);
                }
            });
        }
    };

    //同步置灰状态
    var syncGray = function (data) {
        $('.layim-' + data.type + data.id).each(function () {
            if ($(this).hasClass('layim-list-gray')) {
                layui.layim.setFriendStatus(data.id, 'offline');
            }
        });
    };

    //获取当前聊天面板
    var thisChat = function () {
        if (!layimChat) return {};
        var cont = layimChat.find('.layim-chat');
        var to = JSON.parse(decodeURIComponent(cont.find('.layim-chat-tool').data('json')));
        return {
            elem: cont,
            data: to,
            textarea: cont.find('input')
        };
    };

    //将对象按子对象的某个key排序
    var sort = function (data, key, asc) {
        var arr = [],
            compare = function (obj1, obj2) {
                var value1 = obj1[key];
                var value2 = obj2[key];
                if (value2 < value1) {
                    return -1;
                } else if (value2 > value1) {
                    return 1;
                } else {
                    return 0;
                }
            };
        layui.each(data, function (index, item) {
            arr.push(item);
        });
        arr.sort(compare);
        if (asc) arr.reverse();
        return arr;
    };

    //记录历史会话
    var setHistory = function (data) {
        var local = layui.data('layim-mobile')[cache.mine.id] || {};
        var obj = {},
            history = local.history || {};
        var is = history[data.type + data.id];

        if (!layimMain) return;

        var historyElem = layimMain.find('.layim-list-history');

        data.historyTime = new Date().getTime();
        data.sign = data.content;
        history[data.type + data.id] = data;

        local.history = history;

        layui.data('layim-mobile', { key: cache.mine.id, value: local });
        var msgItem = historyElem.find('.layim-' + data.type + data.id),
            msgNums = (cache.message[data.type + data.id] || []).length //未读消息数
            ,
            showMsg = function () {
                msgItem = historyElem.find('.layim-' + data.type + data.id);
                let content = data.content;
                if (data.name) content = data.name + ' : ' + content;
                msgItem.find('p').html(content);
                if (msgNums > 0) {
                    msgItem.find('.layim-msg-status').html(msgNums).addClass(SHOW);
                }
            };

        if (msgItem.length > 0) {
            showMsg();
            historyElem.prepend(msgItem.clone());
            msgItem.remove();
        } else {
            obj[data.type + data.id] = data;
            var historyList = laytpl(listTpl({
                type: 'history',
                item: 'd.data'
            })).render({ data: obj });
            historyElem.prepend(historyList);
            showMsg();
            historyElem.find('.layim-null').remove();
        }

        showNew('Msg');
    };
    LAYIM.prototype.setHistory = setHistory;
    //标注底部导航新动态徽章
    var showNew = function (alias, show) {
        if (!show) {
            var show;
            layui.each(cache.message, function () {
                show = true;
                return false;
            });
        }
        $('#LAY_layimNew' + alias)[show ? 'addClass' : 'removeClass'](SHOW);
    };

    //发送消息
    var sendMessage = function () {
        var data = {
            username: cache.mine ? cache.mine.username : '访客',
            avatar: cache.mine ? cache.mine.avatar : (layui.cache.dir + 'css/pc/layim/skin/logo.jpg'),
            id: cache.mine ? cache.mine.id : null,
            mine: true
        };
        var thatChat = thisChat(),
            ul = thatChat.elem.find('.layim-chat-main ul');
        var To = thatChat.data,
            maxLength = cache.base.maxLength || 3000;
        var time = new Date().getTime(),
            textarea = thatChat.textarea;

        data.content = textarea.val();

        if (data.content === '') return;

        if (data.content.length > maxLength) {
            return layer.msg('内容最长不能超过' + maxLength + '个字符')
        }

        if (time - (sendMessage.time || 0) > 60 * 1000) {
            ul.append('<li class="layim-chat-system"><span>' + layui.data.date() + '</span></li>');
            sendMessage.time = time;
        }
        ul.append(laytpl(elemChatMain).render(data));

        var param = {
            mine: data,
            to: To
        },
            message = {
                username: param.mine.username,
                avatar: param.mine.avatar,
                id: To.id,
                type: To.type,
                content: param.mine.content,
                timestamp: time,
                mine: true
            };
        pushChatlog(message);

        layui.each(call.sendMessage, function (index, item) {
            item && item(param);
        });

        To.content = data.content;
        setHistory(To);
        chatListMore();
        textarea.val('');

        textarea.next().addClass('layui-disabled');
    };

    //消息声音提醒
    var voice = function () {
        var audio = document.createElement("audio");
        audio.src = layui.cache.dir + 'css/modules/layim/voice/' + cache.base.voice;
        audio.play();
    };

    //接受消息
    var messageNew = {},
        getMessage = function (data) {
            data = data || {};

            var group = {},
                thatChat = thisChat(),
                thisData = thatChat.data || {},
                isThisData = thisData.id == data.id && thisData.type == data.type; //是否当前打开联系人的消息

            data.timestamp = data.timestamp || new Date().getTime();
            data.system || pushChatlog(data);
            messageNew = JSON.parse(JSON.stringify(data));

            if (cache.base.voice) {
                voice();
            }

            if ((!layimChat && data.content) || !isThisData) {
                if (cache.message[data.type + data.id]) {
                    cache.message[data.type + data.id].push(data)
                } else {
                    cache.message[data.type + data.id] = [data];
                }
            }

            //记录聊天面板队列
            var group = {};
            if (data.type === 'friend') {
                var friend;
                layui.each(cache.friend, function (index1, item1) {
                    layui.each(item1.list, function (index, item) {
                        if (item.id == data.id) {
                            data.type = 'friend';
                            data.name = item.username;
                            return friend = true;
                        }
                    });
                    if (friend) return true;
                });
                if (!friend) {
                    data.temporary = true; //临时会话
                }
            } else if (data.type === 'group') {
                layui.each(cache.group, function (index, item) {
                    if (item.id == data.id) {
                        data.type = 'group';
                        data.name = data.groupname = item.groupname;
                        group.avatar = item.avatar;
                        return true;
                    }
                });
            } else {
                data.name = data.name || data.username || data.groupname;
            }
            var newData = $.extend({}, data, {
                avatar: group.avatar || data.avatar
            });
            if (data.type === 'group') {
                delete newData.username;
            }
            setHistory(newData);

            if (!layimChat || !isThisData) return;

            var cont = layimChat.find('.layim-chat'),
                ul = cont.find('.layim-chat-main ul');

            //系统消息
            if (data.system) {
                ul.append('<li class="layim-chat-system"><span>' + data.content + '</span></li>');
            } else if (data.content.replace(/\s/g, '') !== '') {
                if (data.timestamp - (sendMessage.time || 0) > 60 * 1000) {
                    ul.append('<li class="layim-chat-system"><span>' + layui.data.date(data.timestamp) + '</span></li>');
                    sendMessage.time = data.timestamp;
                }
                ul.append(laytpl(elemChatMain).render(data));
            }
            chatListMore();
        };

    //存储最近MAX_ITEM条聊天记录到本地
    var pushChatlog = function (message) {
        var local = layui.data('layim-mobile')[cache.mine.id] || {};
        var chatlog = local.chatlog || {};
        if (chatlog[message.type + message.id]) {
            chatlog[message.type + message.id].push(message);
            if (chatlog[message.type + message.id].length > MAX_ITEM) {
                chatlog[message.type + message.id].shift();
            }
        } else {
            chatlog[message.type + message.id] = [message];
        }
        local.chatlog = chatlog;
        layui.data('layim-mobile', {
            key: cache.mine.id,
            value: local
        });
    };

    //渲染本地最新聊天记录到相应面板
    var viewChatlog = function () {
        var local = layui.data('layim-mobile')[cache.mine.id] || {};
        var thatChat = thisChat(),
            chatlog = local.chatlog || {};
        var ul = thatChat.elem.find('.layim-chat-main ul');
        layui.each(chatlog[thatChat.data.type + thatChat.data.id], function (index, item) {
            if (new Date().getTime() > item.timestamp && item.timestamp - (sendMessage.time || 0) > 60 * 1000) {
                ul.append('<li class="layim-chat-system"><span>' + layui.data.date(item.timestamp) + '</span></li>');
                sendMessage.time = item.timestamp;
            }
            ul.append(laytpl(elemChatMain).render(item));
        });
        chatListMore();
    };

    //添加好友或群
    var addList = function (data) {
        var obj = {},
            has, listElem = layimMain.find('.layim-list-' + data.type);

        if (cache[data.type]) {
            if (data.type === 'friend') {
                layui.each(cache.friend, function (index, item) {
                    if (data.groupid == item.id) {
                        //检查好友是否已经在列表中
                        layui.each(cache.friend[index].list, function (idx, itm) {
                            if (itm.id == data.id) {
                                return has = true
                            }
                        });
                        if (has) return layer.msg('好友 [' + (data.username || '') + '] 已经存在列表中', { anim: 6 });
                        cache.friend[index].list = cache.friend[index].list || [];
                        obj[cache.friend[index].list.length] = data;
                        data.groupIndex = index;
                        cache.friend[index].list.push(data); //在cache的friend里面也增加好友
                        return true;
                    }
                });
            } else if (data.type === 'group') {
                //检查群组是否已经在列表中
                layui.each(cache.group, function (idx, itm) {
                    if (itm.id == data.id) {
                        return has = true
                    }
                });
                if (has) return layer.msg('您已是 [' + (data.groupname || '') + '] 的群成员', { anim: 6 });
                obj[cache.group.length] = data;
                cache.group.push(data);
            }
        }

        if (has) return;

        var list = laytpl(listTpl({
            type: data.type,
            item: 'd.data',
            index: data.type === 'friend' ? 'data.groupIndex' : null
        })).render({ data: obj });

        if (data.type === 'friend') {
            var li = listElem.children('li').eq(data.groupIndex);
            li.find('.layui-layim-list').append(list);
            li.find('.layim-count').html(cache.friend[data.groupIndex].list.length); //刷新好友数量
            //如果初始没有好友
            if (li.find('.layim-null')[0]) {
                li.find('.layim-null').remove();
            }
        } else if (data.type === 'group') {
            listElem.append(list);
            //如果初始没有群组
            if (listElem.find('.layim-null')[0]) {
                listElem.find('.layim-null').remove();
            }
        }
    };

    //移出好友或群
    var removeList = function (data) {
        var listElem = layimMain.find('.layim-list-' + data.type);
        var obj = {};
        if (cache[data.type]) {
            if (data.type === 'friend') {
                layui.each(cache.friend, function (index1, item1) {
                    layui.each(item1.list, function (index, item) {
                        if (data.id == item.id) {
                            var li = listElem.children('li').eq(index1);
                            var list = li.find('.layui-layim-list').children('li');
                            li.find('.layui-layim-list').children('li').eq(index).remove();
                            cache.friend[index1].list.splice(index, 1); //从cache的friend里面也删除掉好友
                            li.find('.layim-count').html(cache.friend[index1].list.length); //刷新好友数量  
                            //如果一个好友都没了
                            if (cache.friend[index1].list.length === 0) {
                                li.find('.layui-layim-list').html('<li class="layim-null">该分组下已无好友了</li>');
                            }
                            return true;
                        }
                    });
                });
            } else if (data.type === 'group') {
                layui.each(cache.group, function (index, item) {
                    if (data.id == item.id) {
                        listElem.children('li').eq(index).remove();
                        cache.group.splice(index, 1); //从cache的group里面也删除掉数据
                        //如果一个群组都没了
                        if (cache.group.length === 0) {
                            listElem.html('<li class="layim-null">暂无群组</li>');
                        }
                        return true;
                    }
                });
            }
        }
    };

    //查看更多记录
    var chatListMore = function () {
        var thatChat = thisChat(),
            chatMain = thatChat.elem.find('.layim-chat-main');
        // var ul = chatMain.find('ul'),
        //     li = ul.children('.layim-chat-li');

        // if (li.length >= MAX_ITEM) {
        //     var first = li.eq(0);
        //     first.prev().remove();
        //     if (ul.prev().hasClass('layim-chat-system')) {
        //         ul.prev().remove();
        //     }
        //     ul.before('<div class="layim-chat-system"><span layim-event="chatLog">查看更多记录</span></div>');
        //     first.remove();
        // }
        chatMain.scrollTop(chatMain[0].scrollHeight + 1000);
    };
    LAYIM.prototype.chatListMore = chatListMore;
    //快捷键发送
    var hotkeySend = function () {
        var thatChat = thisChat(),
            textarea = thatChat.textarea;
        var btn = textarea.next();
        textarea.off('keyup').on('keyup', function (e) {
            var keyCode = e.keyCode;
            if (keyCode === 13) {
                e.preventDefault();
                sendMessage();
            }
            btn[textarea.val() === '' ? 'addClass' : 'removeClass']('layui-disabled');
        });
    };

    //表情库
    var faces = function () {
        var alt = ["[微笑]", "[嘻嘻]", "[哈哈]", "[可爱]", "[可怜]", "[挖鼻]", "[吃惊]", "[害羞]", "[挤眼]", "[闭嘴]", "[鄙视]", "[爱你]", "[泪]", "[偷笑]", "[亲亲]", "[生病]", "[太开心]", "[白眼]", "[右哼哼]", "[左哼哼]", "[嘘]", "[衰]", "[委屈]", "[吐]", "[哈欠]", "[抱抱]", "[怒]", "[疑问]", "[馋嘴]", "[拜拜]", "[思考]", "[汗]", "[困]", "[睡]", "[钱]", "[失望]", "[酷]", "[色]", "[哼]", "[鼓掌]", "[晕]", "[悲伤]", "[抓狂]", "[黑线]", "[阴险]", "[怒骂]", "[互粉]", "[心]", "[伤心]", "[猪头]", "[熊猫]", "[兔子]", "[ok]", "[耶]", "[good]", "[NO]", "[赞]", "[来]", "[弱]", "[草泥马]", "[神马]", "[囧]", "[浮云]", "[给力]", "[围观]", "[威武]", "[奥特曼]", "[礼物]", "[钟]", "[话筒]", "[蜡烛]", "[蛋糕]"],
            arr = {};
        layui.each(alt, function (index, item) {
            arr[item] = layui.cache.dir + 'images/face/' + index + '.gif';
        });
        return arr;
    }();


    var stope = layui.stope; //组件事件冒泡

    //在焦点处插入内容
    var focusInsert = function (obj, str, nofocus) {
        var result, val = obj.value;
        nofocus || obj.focus();
        if (document.selection) { //ie
            result = document.selection.createRange();
            document.selection.empty();
            result.text = str;
        } else {
            result = [val.substring(0, obj.selectionStart), str, val.substr(obj.selectionEnd)];
            nofocus || obj.focus();
            obj.value = result.join('');
        }
    };

    //事件
    var anim = 'layui-anim-upbit',
        events = {
            //弹出聊天面板
            chat: function (othis) {
                var local = layui.data('layim-mobile')[cache.mine.id] || {};
                var type = othis.data('type'),
                    index = othis.data('index');
                var list = othis.attr('data-list') || othis.index(),
                    data = {};
                if (type === 'friend') {
                    data = cache[type][index].list[list];
                } else if (type === 'group') {
                    data = cache[type][list];
                } else if (type === 'history') {
                    data = (local.history || {})[index] || {};
                }
                data.name = data.name || data.username || data.groupname;
                if (type !== 'history') {
                    data.type = type;
                }
                popchat(data, true);
                $('.layim-' + data.type + data.id).find('.layim-msg-status').removeClass(SHOW);
            }

            //展开联系人分组
            ,
            spread: function (othis) {
                var type = othis.attr('lay-type');
                var spread = type === 'true' ? 'false' : 'true';
                var local = layui.data('layim-mobile')[cache.mine.id] || {};
                othis.next()[type === 'true' ? 'removeClass' : 'addClass'](SHOW);
                local['spread' + othis.parent().index()] = spread;
                layui.data('layim-mobile', {
                    key: cache.mine.id,
                    value: local
                });
                othis.attr('lay-type', spread);
                othis.find('.layui-icon').html(spread === 'true' ? '&#xe61a;' : '&#xe602;');
            }

            //底部导航切换
            ,
            tab: function (othis) {
                var index = othis.index(),
                    main = '.layim-tab-content';
                othis.addClass(THIS).siblings().removeClass(THIS);
                layimMain.find(main).eq(index).addClass(SHOW).siblings(main).removeClass(SHOW);
            }

            //返回到上一个面板
            ,
            back: function (othis) {
                var layero = othis.parents('.layui-m-layer').eq(0),
                    index = layero.attr('index'),
                    PANEL = '.layim-panel';
                setTimeout(function () {
                    layer.close(index);
                }, 300);
                othis.parents(PANEL).eq(0).removeClass('layui-m-anim-left').addClass('layui-m-anim-rout');
                layero.prev().find(PANEL).eq(0).removeClass('layui-m-anim-lout').addClass('layui-m-anim-right');
                layui.each(call.back, function (index, item) {
                    setTimeout(function () {
                        item && item();
                    }, 200);
                });
            }

            //发送聊天内容
            ,
            send: function () {
                sendMessage();
            }

            //表情
            ,
            face: function (othis, e) {
                var content = '',
                    thatChat = thisChat(),
                    input = thatChat.textarea;
                layui.each(faces, function (key, item) {
                    content += '<li title="' + key + '"><img src="' + item + '"></li>';
                });
                content = '<ul class="layui-layim-face">' + content + '</ul>';
                layer.popBottom({
                    content: content,
                    success: function (elem) {
                        var list = $(elem).find('.layui-layim-face').children('li')
                        touch(list, function () {
                            focusInsert(input[0], 'face' + this.title + ' ', true);
                            input.next()[input.val() === '' ? 'addClass' : 'removeClass']('layui-disabled');
                            return false;
                        });
                    }
                });
                var doc = $(document);
                if (isTouch) {
                    touch(doc, function () {
                        events.faceHide();
                    })
                    //doc.off('touchend', events.faceHide).on('touchend', events.faceHide);
                } else {
                    doc.off('click', events.faceHide).on('click', events.faceHide);
                }
                stope(e);
            },
            faceHide: function () {
                layer.close(layer.popBottom.index);
                $(document).off('touchend', events.faceHide)
                    .off('click', events.faceHide);
            }

            //图片或一般文件
            ,
            image: function (othis) {
                var type = othis.data('type') || 'images',
                    api = {
                        images: 'uploadImage',
                        file: 'uploadFile'
                    },
                    thatChat = thisChat(),
                    conf = cache.base[api[type]] || {};

                //执行上传
                layui.upload.render({
                    url: conf.url || '',
                    method: conf.type,
                    elem: othis.find('input')[0],
                    accept: type,
                    done: function (res) {
                        if (res.code == 0) {
                            res.data = res.data || {};
                            if (type === 'images') {
                                focusInsert(thatChat.textarea[0], 'img[' + (res.data.src || '') + ']');
                            } else if (type === 'file') {
                                focusInsert(thatChat.textarea[0], 'file(' + (res.data.src || '') + ')[' + (res.data.name || '下载文件') + ']');
                            }
                            sendMessage();
                        } else {
                            layer.msg(res.msg || '上传失败');
                        }
                    }
                });
            }

            //扩展工具栏
            ,
            extend: function (othis) {
                var filter = othis.attr('lay-filter'),
                    thatChat = thisChat();

                layui.each(call['tool(' + filter + ')'], function (index, item) {
                    item && item.call(othis, function (content) {
                        focusInsert(thatChat.textarea[0], content);
                    }, sendMessage, thatChat);
                });
            }

            //弹出新的朋友面板
            ,
            newFriend: function () {
                layui.each(call.newFriend, function (index, item) {
                    item && item();
                });
            }

            //弹出群组面板
            ,
            group: function () {
                popPanel({
                    title: '群聊',
                    tpl: ['<div class="layui-layim-list layim-list-group">', listTpl({
                        type: 'group',
                        item: 'd.group'
                    }), '</div>'].join(''),
                    data: {}
                });
            }

            //查看群组成员
            ,
            detail: function () {
                var thatChat = thisChat();
                layui.each(call.detail, function (index, item) {
                    item && item(thatChat.data);
                });
            }

            //播放音频
            ,
            playAudio: function (othis) {
                var audioData = othis.data('audio'),
                    audio = audioData || document.createElement('audio'),
                    pause = function () {
                        audio.pause();
                        othis.removeAttr('status');
                        othis.find('i').html('&#xe652;');
                    };
                if (othis.data('error')) {
                    return layer.msg('播放音频源异常');
                }
                if (!audio.play) {
                    return layer.msg('您的浏览器不支持audio');
                }
                if (othis.attr('status')) {
                    pause();
                } else {
                    audioData || (audio.src = othis.data('src'));
                    audio.play();
                    othis.attr('status', 'pause');
                    othis.data('audio', audio);
                    othis.find('i').html('&#xe651;');
                    //播放结束
                    audio.onended = function () {
                        pause();
                    };
                    //播放异常
                    audio.onerror = function () {
                        layer.msg('播放音频源异常');
                        othis.data('error', true);
                        pause();
                    };
                }
            }

            //播放视频
            ,
            playVideo: function (othis) {
                var videoData = othis.data('src'),
                    video = document.createElement('video');
                if (!video.play) {
                    return layer.msg('您的浏览器不支持video');
                }
                layer.close(events.playVideo.index);
                events.playVideo.index = layer.open({
                    type: 1,
                    anim: false,
                    style: 'width: 100%; height: 50%;',
                    content: '<div style="background-color: #000; height: 100%;"><video style="position: absolute; width: 100%; height: 100%;" src="' + videoData + '" autoplay="autoplay"></video></div>'
                });
            }

            //聊天记录
            ,
            chatLog: function (othis) {
                var thatChat = thisChat();
                layui.each(call.chatlog, function (index, item) {
                    item && item(thatChat.data, thatChat.elem.find('.layim-chat-main>ul'));
                });
            }

            //更多列表
            ,
            moreList: function (othis) {
                var filter = othis.attr('lay-filter');
                layui.each(call.moreList, function (index, item) {
                    item && item({
                        alias: filter
                    });
                });
            }

            //关于
            ,
            about: function () {
                layer.open({
                    content: '<p style="padding-bottom: 5px;">版本：layim mobile v' + v + '</p>',
                    className: 'layim-about',
                    shadeClose: false,
                    btn: '我知道了'
                });
            }

        };

    //暴露接口
    exports('layim-mobile', new LAYIM());

}).addcss(
    'modules/layim/mobile/layim.css?v=2.50', 'skinlayim-mobilecss'
);